@import 'var.scss';
@import 'global.scss';

.login-page-wrap {
	width: 100vw;
	height: 100vh;
	// background-color: black;
}

.login-card-wrap {
	width: 550px;
	height: 370px;
	background-color: red;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	.card-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.card-QR-code-login-wrap {
		width: 100%;
		height: 320px;
		background-color: #fff;
		text-align: center;
		.QR-img-wrap {
			width: 100%;
			height: 250px;
			// border: $border;
			display: flex;
			align-items: center;
			justify-content: center;
			.el-image {
				width: 125px;
				height: 220px;
			}
			.QR-code {
				// border: $border;
				width: 150px;
				height: 200px;
				display: flex;
				justify-content: center;
				// align-items: center;
				align-content: center;
				flex-wrap: wrap;
				span {
					font-weight: 600;
				}
				.el-image {
					width: 128px;
					height: 128px;
				}
			}
		}
	}
	.card-account-login-wrap {
		width: 100%;
		height: 320px;
		background-color: #fff;
		display: flex;
		align-items: center;
        justify-content: center;
        // border: $border;
        position: relative;
        .login-form{
            width:90%;
            height: 50%;
            // border: 1px solid black;
            text-align: center;
            
            .el-form-item{
                width:300px !important;
                margin: 0 auto;
                text-align: center;
                // border:$border;
                margin-bottom:15px;
            }
            
           
        }
       
        .login-btn{
            // border: $border;
            text-align: center;
            
             .el-button{
                width:300px;
                background-color: red;
                color:#fff;
            }
        }
        .QR-login-hint-wrap{

            width: 65px;;
            height: 65px;
            // border:1px solid red;

            position:absolute;
            right: 0;
            bottom:0;
            overflow: hidden;
            
        }
	}
}
